
$baseRem:10/640;


/* home-banner */
.swiper-pagination-bullet{background:#fff;}
.swiper-pagination-bullet-active{background:#ffa200;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:5px}
.h-zx{height:$baseRem *59rem;border-bottom: 1px solid #d8d8d8;border-top: 1px solid #d8d8d8;font-size:$baseRem*22rem;
}
.h-zx-center{width: 80%;margin:0 auto;
	display:flex;
	display:-webkit-box;
}
.h-zx-center>div{width: 50%;box-sizing:border-box;height: 100%;line-height:$baseRem *59rem;
	&:nth-of-type(1){border-right:1px solid #d8d8d8;
		span{background:url(../images/home/icon1@2x.png) no-repeat 0 center;}
	}
	&:nth-of-type(2){
		span{background:url(../images/home/icon2@2x.png) no-repeat 0 center;margin-left:$baseRem *52rem;}
	}
	span{display: block;height:$baseRem *59rem;width:80%;-webkit-background-size:19px 19px !important;padding-left: 24px;}
}
.h-zx-center>div a{color:#333;}

/* 今日头条 */
.today-head{overflow: hidden;padding:$baseRem *24rem;}
.today-lt{width:$baseRem *70rem;height:$baseRem *74rem;border: 1px solid #ff1616;text-align:center;font-size: $baseRem *28rem;float: left;
	span{display: block;height:50%;color:#3d3d3d;line-height:$baseRem *35rem;
		&:nth-of-type(2){background:#ff1616;color:#fff;}
	}
}
.today-head .swiper-container1{float: left;margin-left:$baseRem *20rem;font-size:$baseRem *20rem;width:$baseRem *488rem;
	overflow: hidden;height:$baseRem *80rem;position: relative;}
/* .today-head li:nth-of-type(1){padding-bottom:$baseRem *4rem;}
.today-head li:nth-of-type(2){padding-bottom:$baseRem *5rem;} */
.today-head li a{color:#333;display: block;line-height:$baseRem *36rem;border-bottom: 1px solid #efefef;}
.swiper-container1 ul{position: absolute;left:0;top:0;}
.swiper-container1 li{}

/* home-nav */
.h-nav{background:#f5f5f5;padding:$baseRem*45rem 2%;}

.h-nav{
	a{display:inline-block;text-align: center;color:#000;width:25%;font-size:$baseRem*22rem;line-height: $baseRem*48rem;margin-bottom:$baseRem*26rem;}
	img{width: $baseRem *108rem;height:$baseRem *108rem;}
}
/* home-课程列表 */
.h-base-hd{padding:0 $baseRem *30rem;background:#f5f5f5;border-top: 1px solid #dadada;}
.h-base-hd.active{border-bottom: 1px solid #dadada;}
.h-base{
	h4{height:$baseRem*80rem;background:url(../images/home/kc-icon2@2x.png) no-repeat right center;-webkit-background-size:8px 11px;
		a{display: block;line-height:$baseRem*80rem;font-size:$baseRem *30rem;color:#222;background:url(../images/home/kc-icon@2x.png) no-repeat 0 center;-webkit-background-size:12px 10px;padding:0 0 0 20px;}
	}
}
.h-base-con{padding:0 $baseRem*30rem 0 $baseRem*40rem;display: none;
	ul{border-left:1px dashed #dadada;padding: $baseRem*22rem 0 0 0;}
	li{line-height: $baseRem*44rem;position: relative;padding-left: 14px;font-size:$baseRem*24rem;color:#808080;
		&::before{content:"";width: 8px;height:8px;border: 1px solid #0381fc;border-radius:50%;background:#fff;display:block;position: absolute;left:-5px;top:50%;margin-top:-4px;}
		&:last-child{padding:$baseRem*30rem 0 $baseRem*60rem;
			&::before{width: 0;height: 0;border: none;}
			a{
				display: inline-block;font-size: $baseRem*26rem;line-height: $baseRem*50rem;background:#0080fc;border-radius: $baseRem*50rem;padding:0 $baseRem*60rem;color:#fff;margin:0 $baseRem*7rem 0 $baseRem*25rem;
			}
		}
	}
}

/*teacher*/
.section2{background:#333;text-align: center;padding: $baseRem* 55rem 0 $baseRem* 100rem;
	position: relative;
	h4{font-size:$baseRem* 28rem;color:#fff;line-height:$baseRem* 48rem;margin:$baseRem* 20rem 0 $baseRem* 15rem;}
	img{width:$baseRem* 306rem;height:$baseRem* 306rem;border:$baseRem* 16rem solid #8ec63f;border-radius:50%;}
	p{color:#b3b3b3;line-height:$baseRem* 38rem;font-size:$baseRem* 24rem;width:$baseRem* 464rem;margin:0 auto; position: relative;
		&::before,&::after{content:"";width:$baseRem*25rem;height:$baseRem*23rem;background:url(../images/android/icon2.png) no-repeat;-webkit-background-size:cover;position: absolute;}
		&::before{left:-$baseRem*46rem;top:$baseRem*-6rem;}
		&::after{right:-$baseRem*40rem;bottom:$baseRem*-6rem;-webkit-transform:rotate(180deg);}
	}
}
.section2 .swiper-button-next,.section2 .swiper-button-prev{top:40%;background:url(../images/android/prev.png) no-repeat;width:$baseRem*59rem;height:$baseRem*59rem;-webkit-background-size:cover;
	margin-top:-$baseRem*30rem;}
.section2 .swiper-button-next{-webkit-transform:rotate(180deg);right:$baseRem*35rem;}
.section2 .swiper-button-prev{left:$baseRem*35rem;}


/*创新联盟*/
.h-cxlm{
	background: #f5f5f5;
	padding-top:$baseRem*30rem;
	h3{
		line-height:$baseRem*60rem;
		text-align: center;
		font-size:$baseRem*34rem;}
	ul{
		padding:0 $baseRem*20rem;
	}
	li{
		text-align: center;margin:0 $baseRem*5rem;
		float: left;
		img{width:$baseRem*140rem;height:$baseRem*140rem;}
		p{
			font-size:$baseRem*20rem;
			line-height:$baseRem*40rem;}
	}
}

/*优秀毕业生*/
.h-yxbys{
	h3{
		line-height:$baseRem*60rem;
		text-align: center;
		font-size:$baseRem*34rem;
	}
	background: #f5f5f5;
	padding:$baseRem*30rem $baseRem*10rem $baseRem*130rem;

	.h-scr{
		overflow: hidden;
	}

	li{
		float: left;margin:0 $baseRem*5rem;}
	img{width:$baseRem*220rem;height:$baseRem*220rem;}
}

/* home-get*/
.h-get{background:#f5f5f5;text-align: center;padding:$baseRem*74rem 0 $baseRem*38rem;
	img{width:$baseRem*478rem;margin-bottom:$baseRem*12rem;}
	h3,h4{color:#333;}
	h3{font-size:$baseRem*42rem;line-height:$baseRem*60rem; }
	h4{font-size:$baseRem*28rem;line-height:$baseRem*40rem;}
	p{font-size:$baseRem*22rem;color:#666;line-height:$baseRem*36rem;margin-top:$baseRem*10rem; }
}

/* home-form */
.h-form{background:#f5f5f5;padding-bottom:$baseRem*112rem;}
.h-form-wrap{width:$baseRem*596rem;border-top: 1px solid #d2d2d2;position: relative;margin:0 auto;
	.h-form-tt{font-size:$baseRem*21rem;color:#333;text-align: center;line-height:$baseRem*30rem;margin:$baseRem*40rem 0 $baseRem*27rem;}
}
.h-form-icon{width: 18px;height: 18px;background:url(../images/home/hFormIcon@2x.png) no-repeat;-webkit-background-size:18px;position: absolute;left:50%;top:-9px;margin-left: -9px;}
.h-form-f{text-align: center;
	input{width:$baseRem*500rem;line-height:$baseRem*30rem;border-radius:$baseRem*70rem;padding:$baseRem*20rem;width:$baseRem*455rem;
		&.h-form-txt{border: 1px solid #777;background:#e7e7e7;margin-bottom:$baseRem*21rem;
			padding-left:$baseRem*45rem;font-size: $baseRem*22rem;color:#333;
		}
		&[type=submit]{background:#0084db;color:#fff;font-size:$baseRem*26rem; margin-top:$baseRem*3rem; }
	}
	.onError{display: block;color:red;font-size:$baseRem*18rem;padding-bottom:$baseRem*20rem; }
}




/*bot*/
.bot{background:#f5f5f5;padding-bottom:$baseRem*44rem;}
.bot-tel{line-height: $baseRem*70rem;border-bottom: 1px solid #d2d2d2;border-top: 1px solid #d2d2d2;font-size: $baseRem*24rem;color:#333;text-align: center;margin:0 $baseRem*22rem 0;background:url(../images/home/h-tel1@2x.png) no-repeat $baseRem*100rem center;-webkit-background-size:$baseRem*28rem;}
.bot-top{font-size:$baseRem*24rem;text-align: center;margin:$baseRem*26rem 0 $baseRem*15rem;
	a{margin:0 15px;color:#666;display: inline-block;line-height:$baseRem*30rem;}
}
.bot{
	p{line-height: $baseRem*34rem;color:#999;text-align: center;font-size: $baseRem*20rem;}
}

.h-choice{text-align: center;
	a{display: inline-block;line-height: $baseRem*34rem;font-size: $baseRem*20rem;color:#999;margin:0 $baseRem*32rem;
		&:nth-of-type(1){background:url(../images/home/h-pc.png) no-repeat 0 center;-webkit-background-size:$baseRem*33rem $baseRem*34rem;padding-left: $baseRem*44rem;}
		&:nth-of-type(2){background:url(../images/home/h-phone.png) no-repeat $baseRem*4rem center;-webkit-background-size:$baseRem*16rem $baseRem*30rem;padding-left: $baseRem*27rem;}


	}
	span{font-size: $baseRem*20rem;color:#d8d8d8; }
}

/*about*/
.shadow{
	background: #f2f2f2;height:$baseRem*4rem;width:100%;
}
.active-nav{
	color:#0183db;
	border-bottom-color:#0183db !important;
}
#swiper-container2{
	padding:$baseRem*14rem 0 $baseRem*10rem ;
	font-size:$baseRem*26rem;
	box-shadow:3px 0 0 0 #f2f2f2;
	height:$baseRem*44rem;
	.swiper-slide{
		width:25% !important;margin:0 4%;
		text-align: center;
		line-height:$baseRem*44rem;
		border-bottom:2px solid #fff;
	}
	border-bottom:1px solid #d7d7d7;
	.has{
		.swiper-slide{
			margin:0;width:50% !important;
		}
	}
}

#swiper-container3 .swiper-slide{
	height:auto;
	&>div{
		padding:$baseRem*20rem $baseRem*30rem $baseRem*150rem;
		line-height:$baseRem*38rem;
	}
	font-size:$baseRem*20rem;
	p{
		text-indent:$baseRem*40rem;
		margin-bottom:$baseRem*5rem;
	}
}

/*讲师*/
.teacher_list{
	padding-bottom:$baseRem*150rem;
	text-align: center;
	img{width:70%;}
	li{border-bottom:1px solid #e9e9e9;margin:0 $baseRem*30rem;padding:$baseRem*20rem 0 $baseRem*10rem ;}
	h4{
		font-size:$baseRem*24rem;
		padding:$baseRem*15rem 0;
	}
	p{
		font-size:$baseRem*20rem;padding:0 $baseRem*10rem;
		line-height:$baseRem*34rem;color:#666;}
}

/**/
.n_con,.n_con2{
	padding-bottom:$baseRem*140rem;
}
.n_con li,.n_con2 li{
	border-bottom:1px solid #f1f1f1;
	padding:$baseRem*15rem 0;
	margin:0 $baseRem*20rem
}
.n_con a>div,.n_con2 a{
	font-size:$baseRem*24rem;color:#333;
}
.n_con a time>div,.n_con2 a time{
	font-size:$baseRem*20rem;color:#666;
	line-height:$baseRem*24rem;
}
.n_con li{
	position: relative;height:$baseRem*150rem;margin:0 $baseRem*20rem $baseRem*15rem;
}
.n_con img{height:$baseRem*150rem;width:$baseRem*150rem;
	position: absolute;left:0;top:$baseRem*15rem;}
.n_con a{
	display: block;}
.n_con a>div{
	padding-left:$baseRem*170rem;
	line-height:$baseRem*36rem;
	h4{
		max-height:$baseRem*80rem;
		overflow: hidden;
	}
	time{
		position: absolute;right:0;bottom:$baseRem*15rem;
	}
}

.n_con2 a time{
	display: block;
	text-align: right;
}

.n_con2 li h4{
	font-weight: normal;
	line-height:$baseRem*36rem;
	height:$baseRem*80rem;
	position: relative;
	padding-left:$baseRem*16rem;
	&::before{content:"";
		width:$baseRem*6rem;height:$baseRem*6rem;
		background: #2b8391;
		position: absolute;left:0;top:$baseRem*15rem;
	}
}

.nd_con{
	padding:$baseRem*20rem;
}

.list-con-con{padding:0 $baseRem*25rem $baseRem*150rem;}
.list-con-hd h3{font-size: $baseRem*36rem;color:#333;line-height: $baseRem*56rem;padding-top:$baseRem*32rem}
.list-con-hd p{font-size: $baseRem*18rem;color:#777;line-height:$baseRem*44rem;padding-bottom: $baseRem*10rem;}
.list-con-con1 p{line-height:$baseRem*42rem;font-size: $baseRem*24rem;color:#333;text-indent:$baseRem*48rem;;}
.list-con-con1 img{width:100%;margin:$baseRem*15rem 0;}
.list-text-hd{text-align: center;}
.list-text-hd img{height:$baseRem*24rem;width:$baseRem*480rem;padding: $baseRem*40rem 0  $baseRem*48rem;}
.list-text ul{padding:0 $baseRem*22rem;}
.list-text li{float: left;margin:0 $baseRem*20rem;line-height: $baseRem*50rem;}
.list-text li img{width:$baseRem*108rem;height:$baseRem*108rem;}

.list-text li a{color:#333;text-align: center;font-size:$baseRem*24rem;}
.list-text{padding-bottom:$baseRem*254rem;}

.top-d4{background:#006bd9;height:$baseRem*112rem;

	span{font-size:$baseRem*40rem;color:#fff;line-height:$baseRem*112rem;display: block;text-align: center; }
	.h-list-btn{position: absolute;top:$baseRem*40rem;right:$baseRem*22rem;margin-top: 0;}
}
.top-d4 a:nth-of-type(1){width:$baseRem*23rem;height:$baseRem*45rem;position: absolute;left:$baseRem*25rem;top:$baseRem*35rem;margin-top: 0;background:none;}
.top-d4 a:nth-of-type(1) img{width:inherit;height:inherit;}
.top-d4 .h-list-btn{background:url(../images/about/a-icon.png) no-repeat;-webkit-background-size:$baseRem*44rem $baseRem*30rem;}

.h-banner,.shadow,.n_banner,.n_con3{
	margin-top:$baseRem *112rem;}
.n_banner{
	position: relative;
	p{
		position: absolute;left:0;bottom:0;
		background:rgba(0,0,0,0.3);color:#fff;
		font-size:$baseRem*18rem;    width: 100%;
		line-height:$baseRem*40rem;
		padding:0 $baseRem*15rem;
		box-sizing:border-box;
		white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
	}
}